<template>
  <view class="container">
    <button class="login-btn" @click="goToLogin">
      前往登录页面
    </button>
    <button class="login-btn" @click="goToCityDiscovery">
      城市探索
    </button>
  </view>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  methods: {
    // 跳转到登录页面
    goToLogin() {
      uni.navigateTo({
        url: '/pages/login/login' 
      })
    },
    // 跳转到城市探索页面
    goToCityDiscovery() {
      uni.navigateTo({
        url: '/pages/components/CityDiscovery/CityDiscovery' // 假设citydiscovery页面在pages/citydiscovery目录下
      })
    }
  }
}
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  background-color: #f5f5f5;
}

.login-btn {
  width: 200px;
  height: 45px;
  background-color: #808080;
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
  margin: 10px 0; /* 为按钮添加上下间距，方便查看 */
}
</style>